import {View, Text} from 'react-native';
import React, {useEffect} from 'react';

//navigation：用于跳转、设置标题栏——类似于this.$router
//route：用于读取路由参数——类似于this.$route
export default function MallDetails({navigation, route}) {
  //生命周期方法 —— 组件挂载时
  useEffect(() => {
    //1.读取上个页面传递来的路由参数gid
    let gid = route.params.gid; //此处无需判定gid是否为空
    //2.根据路由参数中的gid，异步请求指定商品的详情
    //3.根据查询到的商品详情，修改页面的标题栏中的标题
    navigation.setOptions({
      title: gid + ':可口可乐2L装',
    });
  }, []); //空依赖
  return (
    <View>
      <Text>MallDetails</Text>
    </View>
  );
}
